<%--
  Created by IntelliJ IDEA.
  User: 87070
  Date: 2022/10/17
  Time: 11:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>Title</title>
  <style>
    #app {
      width: 400px;
      height: 400px;
      background-color: #ddd;
    }
  </style>
</head>
<body>
<%-- 放二维码的地方--%>
<div id="qrcode"></div>
<%--<div id="app"></div>--%>

<script src="${pageContext.request.contextPath}/static/js/jquery-3.6.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery.qrcode.min.js"></script>
<script>



  //使用table生成
  // $('#qrcode').qrcode({
  //     render: "table",
  //     text: "https://www.baidu.com"
  // });

  <%--        <%=%>"http://"+request.getRemoteAddr()+":"+request.getRemotePort()+"/AutoService/downloadexcel.action" %>;--%>
  <%--        var ip=<%request.getRemoteAddr();%>;--%>
  <%--        var port=<% request.getRemotePort(); %>--%>
  //var url="http://192.168.1.7:8080${pageContext.request.contextPath}/front/index.jsp";
  var url="https://www.baidu.com";

  // //生成100*100(宽度100，高度100)的二维码
  // $('#qrcode').qrcode({
  //     render: "canvas", //也可以替换为table
  //     width: 100,
  //     height: 100,
  //     foreground: "green",
  //     background: "#FFF",
  //      text: url
  //     // $("#output").qrcode(encodeURI("http://中文中文"));//使用encodeURI进行转码
  // });

  <%--const img = new Image();--%>
  <%--img.onload = () => {--%>
  <%--    const options = {--%>
  <%--        // 渲染成  canvas/div/image--%>
  <%--        render: "canvas",--%>

  <%--        // content--%>
  <%--        text: url,--%>
  <%--        // width: 100,--%>
  <%--        // height: 100,--%>
  <%--        foreground: "green",--%>
  <%--        background: "#FFF",--%>
  <%--        // 图片--%>
  <%--        image: img,--%>
  <%--    };--%>
  <%--    $("#qrcode").qrcode(options);--%>
  <%--};--%>
  <%--img.src = "${pageContext.request.contextPath}/static/img/a.jpg";--%>




  //使用canvas生成
  $('#qrcode').qrcode({
    render: "canvas",//
        width: 100,
        height: 100,
        foreground: "green",
        background: "#FFF",
    text: "https://www.baidu.com"// 扫描二维码跳转到的页面是哪里
  });

</script>
</body>
</html>
